/*
 * REACT不像Vue一样，支持CSS的私有化化，所以写样式的时候要注意，防止样式冲突
 *   1.可以基于Less/Sass编写样式（自己注意）
 *   2.也可以基于一些插件完成样式的私有化 
 */
.taskBox {
	box-sizing: border-box;
	margin: 20px auto;
	width: 800px;

	.headerBox {
		position: relative;
		line-height: 60px;
		border-bottom: 1px dashed lightblue;

		h2 {
			font-size: 20px;
			font-weight: bold;
		}

		.ant-btn-primary {
			position: absolute;
			right: 0;
			top: 50%;
			transform: translateY(-50%);
		}
	}

	.navBox {
		line-height: 60px;

		.ant-tag {
			padding: 0 15px;
			line-height: 30px;
			cursor: pointer;
		}
	}
}

.ant-modal-body {
	padding: 15px !important;

	p {
		line-height: 35px !important;
	}
}